<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="switch.css" />
        <script src="jquery-1.7.1.js" charset="utf-8" type="text/javascript"></script>
        <script src="switch.js" charset="utf-8" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
            $(document).ready(function (e) {

                SWITCH('SwitchControl1').Create();
                SWITCH('SwitchControl2').Create('Left', 'Right');

                $("#Show1").click(function () {
                    alert($("#SwitchControl1").val());
                });

                $("#Show2").click(function () {
                    alert($("#SwitchControl2").val());
                });
            });
        </script>
    </head>
    <body>
        <div>
            <input type="text" id="SwitchControl1" />
            <input type="button" value="Show" id="Show1" />
        </div>
        <br /><br />
        <div>
            <input type="text" id="SwitchControl2"  />
            <input type="button" value="Show" id="Show2" />
        </div>
    </body>
</html>